{extend name="./app/admin/view/main.html" /}
{block name="title"}{$indexTitle} - {__block__}{/block}
{block name="style"}
<style>
    
.user-statistical .mip-box-body {
}

.user-statistical .mip-iconfont {
    font-size: 35px;
    position: absolute;
    right: 0;
    bottom: 0px;
    color: #0AE;
    opacity: 0.2;
}

.user-statistical h3 {
    font-size: 20px;
    color: #0AE;
}

.user-statistical h3 .unit {
    display: none;
    color: #999;
    font-size: 12px;
}

.user-statistical p {
    color: #bababa;
    font-size: 14px;
}
.line {
    line-height: 30px;
}
.copyright-info p {
    line-height: 30px;
}
</style>
{/block}

{block name="main"}
<main class="mipcms-container-body">
    <div class="row">
            <section class="col-lg-8">
               <div class="mip-box">
                <div class="mip-box-heading"><h3 class="left">系统信息</h3></div>
                    <div class="mip-box-body copyright-info">
                        <p><b>系统名称：</b>MIPCMS内容管理系统</p>
                        <!--<p><b>授权状态：</b>{if condition='config("mipauthorization")'}{:config("mipauthorization")}{else/}未授权{/if}</p>
                        -->
                        <p><b>系统版本：</b>{$mipInfo['localCurrentVersion']}</p>
                        <p><b>服务器：</b><input type="checkbox" />普惠型 &nbsp;&nbsp;<input type="checkbox" />智享型</p>
                        <p><b>版权归属：</b>广东卓天网络科技有限公司</p>
                    </div>
                </div>
                <div class="mip-box">
                <div class="mip-box-heading"><h3 class="left">累计文章 ：</h3><h3 class="left">一周更新量 ：</h3></div>
                    <div class="mip-box-body copyright-info">
                        <p>地区</p>
                        <p class="shou_left"><b>收录量:</b></br>
                        	<span>百度：</span>&nbsp;&nbsp;<span>360：</span>&nbsp;&nbsp;<span>搜狗：</span>
                        	
                        </p>

                        <p class="shou_right"><b>上词量:</b>
                        	</br>
                        	<span>百度：</span>&nbsp;&nbsp;<span>360：</span>&nbsp;&nbsp;<span>搜狗：</span>
                        </p>
                    </div>
                </div>
                <div class="admin_index_menu"> 
                	<a> 
                	ABC </br>入门
	                </a>
	                <a> 
	                	平台</br>接入篇
	                </a>
	                <a> 
	                	内容</br>运营篇
	                </a>
	                <a> 
	                	智能</br>设置篇
	                </a>
	                <a> 
	                	模板</br>管理篇
	                </a>
                </div>  
                
            </section>
            <section class="col-lg-4">
                <div class="mip-box">
                    <div class="mip-box-heading"><h3 class="left">官网公告</h3></div>
                    <div class="mip-box-body">
                        <ul class="list-unstyled">
                            <li class="list-time line" v-for="item in gonggaoList" ><a :href="item.url" target="_blank" v-html='item.title'></a></li>
                        </ul>
                    </div>
                </div>
                <div class="mip-box">
                    <div class="mip-box-heading"><h3 class="left">功能介绍</h3></div>
                    <div class="mip-box-body">
                        <ul class="list-unstyled">
                            <li class="list-time line" v-for="item in functionList" ><a :href="item.url" target="_blank" v-html='item.title'></a></li>
                        </ul>
                    </div>
                </div>
            </section>
          </div>
</main>
{/block}
    
{block name="javascript"}
{__block__}
<script type="text/javascript" src="https://cdn.bootcss.com/echarts/3.5.0/echarts.simple.js"></script>
<script>
    new Vue({
        el: '#app',
        data: {
            usersList: [],
            gonggaoList:[],
            functionList: [],
           
        },
        watch: {
        },
        mounted() {
            this.getGonggaoList();
            this.getFunctionList();
        },
        methods: {
                 
            getGonggaoList:function() {
                this.$mip.ajax('https://www.mipcms.cn/api/open/gonggaoList',{
                },'global').then(res => {
                    if (res.code == 1) {
                       this.gonggaoList = res.data.gonggaoList;
                    }
                });
            },

            getFunctionList:function() {
                this.$mip.ajax('https://www.mipcms.cn/api/open/functionList',{
                },'global').then(res => {
                    if (res.code == 1) {
                        this.functionList = res.data.functionList;
                    }
                });
            }, 
         }
    })
  </script>
{/block}